<style scoped>
@import url(../../style/page/wqldhtzs.css);
</style>
<template>
  <div class="mian">
    <div class="zb_box">
      <div class="zb_left_box box_con">
        <span class="zb_left_title">建德合同指数</span
        ><span class="zb_left_num">11.04</span>
      </div>
      <div class="zb_right_box box_con">
        <div
          class="nums_box num_icon"
          :class="'hIcon' + (i + 1)"
          v-for="(item, i) in hRightDatas"
          :key="i"
          @click="dzhtClick(item)"
        >
          <div class="title">{{ item.name }}</div>
          <div class="nums">
            <span class="num">{{ item.value }}</span
            ><span class="unit">{{ item.unit }}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="left_box">
      <div class="box_con box1">
        <div class="title_box">近6个月合同指数变化趋势</div>
        <div class="echart_box">
          <avue-echart-bars
            :data="htzsbhqs.data"
            :option="htzsbhqs.option"
          ></avue-echart-bars>
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">人员结构分析</div>
        <div class="echart_box">
          <avue-echart-normalPie
              :data="dqldhthjl.data"
              :option="dqldhthjl.option"
              width="100%"
              height="100%"
            ></avue-echart-normalPie>
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">行业结构分析</div>
        <div class="echart_box">
           <avue-echart-bars
            :data="ahyxqhjchtphb.data"
            :option="ahyxqhjchtphb.option"
            :unit="ahyxqhjchtphb.unit"
            width="100%"
            height="100%"
          ></avue-echart-bars>
        </div>
      </div>
    </div>
    <div class="center_box">
      <div class="box_con box1">
        <div class="title_box">各乡镇街道签署数量</div>
        <div class="echart_box map_box">
          <avue-echart-mapPng
            :jsonUrl="mapDatas.jsonUrl"
            :imgUrl="mapDatas.imgUrl"
            :data="mapDatas.data"
          ></avue-echart-mapPng>
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">就业人员户籍地分析</div>
        <div class="echart_box" >
          <avue-echart-bars
            :data="dqsjwzl.data"
            :option="dqsjwzl.option"
            :unit="dqsjwzl.unit"
            width="100%"
            height="100%"
          ></avue-echart-bars>
         
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">工资结构分析</div>
        <div class="echart_box">
          <avue-echart-bars
            :data="sjwzfx.data"
            :option="sjwzfx.option"
            :unit="sjwzfx.unit || ''"
            width="100%"
            height="100%"
          ></avue-echart-bars>
        </div>
      </div>
    </div>
    <div class="right_box">
      <div class="box_con box1">
        <div class="title_box">近6个月签署合同趋势</div>
        <div class="echart_box table_box">
          <avue-echart-bars
            :data="xzhjhtqs.data"
            :option="xzhjhtqs.option"
            :unit="xzhjhtqs.unit"
            width="100%"
            height="100%"
          ></avue-echart-bars>
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">本地户籍就业地分析</div>
        <div class="echart_box">
          <avue-echart-bars
            :data="bdhjjyfx.data"
            :option="bdhjjyfx.option"
            :unit="bdhjjyfx.unit"
            width="100%"
            height="100%"
          ></avue-echart-bars>
        </div>
      </div>
      <div class="box_con box1">
        <div class="title_box">近6个月前三行业新签变化趋势</div>
        <div class="echart_box">
          <avue-echart-bars
            :data="hyxqbhqs.data"
            :option="hyxqbhqs.option"
            width="100%"
            height="100%"
          ></avue-echart-bars>
        </div>
      </div>
    </div>
     <com-dialog
      :show="showTableDialog"
      :type="jjTableDialog.type"
      :mainClass="jjTableDialog.mainClass"
      :title="jjTableDialog.title"
      :tableData="jjTableDialog.tableData"
      @closeDialog="closeDialog"
      :btnPosition="jjTableDialog.btnPosition"
    ></com-dialog>
  </div>
</template>
<script>
import { adaptePX } from "@/lib/common";
export default {
  name: "wqldhtzs",
  data() {
    return {
      showTableDialog:false,
       jjTableDialog: {
        type: "table",
        title: "电子合同",
        mainClass: ["ldht_table"],
        btnPosition: "top",
        tableData: {
          //  isStripe:true,
            columns: [
          { field: "prop1", title: "合同编号", width: 60 },
          { field: "prop2", title: "签署员工姓名" },
          { field: "prop3", title: "签署员工身份证" },
          { field: "prop4", title: "签署单位名称" },
          { field: "prop5", title: "合同签署时间" },
        ],
        datas: [
          {
            prop1: "上城区",
            prop2: 530848,
            prop3: 47377,
            prop4: 1460,
            prop5: 45917,
          },
          {
            prop1: "拱墅区",
            prop2: 566108,
            prop3: 44593,
            prop4: 3269,
            prop5: 41324,
          },
          {
            prop1: "西湖区",
            prop2: 472117,
            prop3: 55811,
            prop4: 6225,
            prop5: 49586,
          },
          {
            prop1: "滨江区",
            prop2: 469376,
            prop3: 19650,
            prop4: 323,
            prop5: 19327,
          },
          {
            prop1: "钱塘区",
            prop2: 324482,
            prop3: 105843,
            prop4: 6972,
            prop5: 98871,
          },
          {
            prop1: "萧山区",
            prop2: 590934,
            prop3: 90591,
            prop4: 8781,
            prop5: 81810,
          },
          {
            prop1: "余杭区",
            prop2: 409106,
            prop3: 26913,
            prop4: 1800,
            prop5: 25113,
          },
          {
            prop1: "临平区",
            prop2: 340894,
            prop3: 23249,
            prop4: 1893,
            prop5: 21356,
          },
          {
            prop1: "富阳区",
            prop2: 212652,
            prop3: 49262,
            prop4: 1574,
            prop5: 47688,
          },
          {
            prop1: "临安区",
            prop2: 137746,
            prop3: 53025,
            prop4: 823,
            prop5: 52202,
          },
          {
            prop1: "桐庐区",
            prop2: 98431,
            prop3: 30297,
            prop4: 1061,
            prop5: 29236,
          },
          {
            prop1: "建德区",
            prop2: 79438,
            prop3: 47887,
            prop4: 2118,
            prop5: 45769,
          },
          {
            prop1: "淳安区",
            prop2: 43165,
            prop3: 15280,
            prop4: 1062,
            prop5: 14218,
          },
        ],
        },
      },
     
      hRightDatas: [
        { name: "户籍劳动年龄段人数", value: "312424", unit: "人" },
        { name: "社保参保数", value: "79438", unit: "人" },
        { name: "电子劳动合同数", value: "34477", unit: "份",clickName:true },
        { name: "覆盖率", value: "28.60", unit: "%" },
      ],
      mapDatas: {
        jsonUrl: base_file_url + "public/JSON/mapPng/jds.json",
        imgUrl: base_file_url + "public/img/map_02.png",
        data: [
          {
            name: "李家镇",
            value: 38.5,
            areacode: "330182113000",
          },
          {
            name: "大同镇",
            value: "10.92",
            areacode: "330182112000",
          },
          {
            name: "航头村",
            value: "35.4",
            areacode: "330182110003",
          },
          {
            name: "寿昌镇",
            value: "60.28",
            areacode: "330182109000",
          },
          {
            name: "大慈岩镇",
            value: "30.8",
            areacode: "330182111000",
          },
          {
            name: "新安江街道",
            value: "23.2",
            areacode: "330182001000",
          },
          {
            name: "更楼街道",
            value: "6.58",
            areacode: "330182003000",
          },
          {
            name: "大洋镇",
            value: "15.3",
            areacode: "330182107000",
          },
          {
            name: "下涯镇",
            value: "32.6",
            areacode: "330182106000",
          },
           {
            name: "洋溪街道",
            value: "32.6",
            areacode: "330182002000",
          },
           {
            name: "莲花镇",
            value: "32.6",
            areacode: "330182101000",
          },
           {
            name: "杨村桥镇",
            value: "32.6",
            areacode: "330182105000",
          },
           {
            name: "梅城镇",
            value: "32.6",
            areacode: "330182104000",
          },
            {
            name: "三都镇",
            value: "32.6",
            areacode: "330182108000",
          },
            {
            name: "杨村桥镇",
            value: "32.6",
            areacode: "330182105000",
          },
           {
            name: "乾潭镇",
            value: "32.6",
            areacode: "330182102000",
          }
        ],
      },
      dqldhthjl2: {
        data: [
          {
            value: 713,
            name: "20岁及以下",
          },
          {
            value: 10514,
            name: "21-30岁",
          },
          {
            value: 13485,
            name: "31-40岁",
          },
          {
            value: 10205,
            name: "41-50岁",
          },
          {
            value: 5497,
            name: "51-60岁",
          },
          {
            value: 532,
            name: "60岁以上",
          },
        ],
      },
      dqldhthjl: {
        data: [
    {
        "value": 21008,
        "name": "男性"
    },
    {
        "value": 12883,
        "name": "女性"
    }
],
        option: {
          id: "",
          gridX: 0,
          gridX2: 0,
          gridY: 0,
          gridY2: 0,
          colors: [
            "#5094F5",
            "#FF714F",
            "#FFCB40",
            "#9E80FF",
            "#FFA144",
            "#3DCCFA",
          ],
          radius: ["25%", "45%"],
          center: ["48%", "37%"],
          nameFontSize: adaptePX(18),
          nameColor: "#333",
          labelShow: true,
          labelFormatter: "{d}%",
          roseType: false,
          legend: true,
          legendShowValueColor: "#1492FF",
          // legendWidth:'80%',
          legendPositionLeft: "center",
          legendPositionTop: "80%",
          legendOrient: "horizontal",
        //   legendItemGap: 10,
          legendIcon: "rect",
          legendshowFh:false,
          // legendPositionBottom:'0%',
          legendShowPercent: true,
          legendShowValue: true,
          labelLineShow: true,
          labelLineLength: 10,
          labelLineLength2: 10,
          //title
          title1: {
            fontSize: 12,
            text: "",
            fontcolor: "#333",
            left: "10%",
            top: "40%",
            show: false,
          },
          title2: {
            fontSize: 20,
            fontcolor: "#333",
            top: 10,
            show: false,
          },
          tanc: {
            show: true,
            title: "",
            url: "",
            parme: true,
          },
        },
      },
      sjzlfx1: {
        data: [
          {
            value: 9472245,
            name: "完整信息数",
          },
          {
            value: 3736335,
            name: "缺项信息数",
          },
        ],
        option: {
          id: "",
          gridX: 0,
          gridX2: 0,
          gridY: 0,
          gridY2: 0,
          colors: ["#5094F5", "#FFB253"],
          radius: ["58%", "72%"],
          center: ["20%", "50%"],
          nameFontSize: adaptePX(16),
          nameColor: "#333",
          labelShow: false,
          labelFormatter: "{b}\n{d}%",
          roseType: false,
          legend: true,
          legendShowValueColor: "#1492FF",
          // legendWidth:'80%',
          legendPositionLeft: "38%",
          legendPositionTop: "16%",
          legendOrient: "vertical",
          legendItemGap: 12,
          legendIcon: "rect",
          legendshowFh: true,
          // legendPositionBottom:'0%',
          legendShowPercent: true,
          legendShowValue: true,
          labelLineShow: true,
          labelLineLength: 20,
          labelLineLength2: 10,
          //title
          title1: {
            fontSize: adaptePX(14),
            text: "官方平台",
            fontcolor: "#333",
            left: "10%",
            top: "40%",
            show: true,
          },
          title2: {
            fontSize: 20,
            fontcolor: "#333",
            top: 10,
            show: false,
          },
          tanc: {
            show: true,
            title: "",
            url: "",
            parme: true,
          },
        },
      },
      sjzlfx2: {
        data: [
          {
            value: 222081,
            name: "完整信息数",
          },
          {
            value: 279915,
            name: "缺项信息数",
          },
        ],
        option: {
          id: "",
          gridX: 0,
          gridX2: 0,
          gridY: 0,
          gridY2: 0,
          colors: ["#5094F5", "#FFB253"],
          radius: ["58%", "72%"],
          center: ["20%", "50%"],
          nameFontSize: adaptePX(16),
          nameColor: "#333",
          labelShow: false,
          labelFormatter: "{b}\n{d}%",
          roseType: false,
          legend: true,
          legendShowValueColor: "#1492FF",
          // legendWidth:'80%',
          legendPositionLeft: "38%",
          legendPositionTop: "16%",
          legendOrient: "vertical",
          legendItemGap: 12,
          legendIcon: "rect",
          legendshowFh: true,
          // legendPositionBottom:'0%',
          legendShowPercent: true,
          legendShowValue: true,
          labelLineShow: true,
          labelLineLength: 20,
          labelLineLength2: 10,
          //title
          title1: {
            fontSize: adaptePX(14),
            text: "第三方平台",
            fontcolor: "#333",
            left: "8%",
            top: "40%",
            show: true,
          },
          title2: {
            fontSize: 20,
            fontcolor: "#333",
            top: 10,
            show: false,
          },
          tanc: {
            show: true,
            title: "",
            url: "",
            parme: true,
          },
        },
      },
      bdhjjyfx:{
          data: {
    "categories": [
        "卫生和社会工作",
        "房地产业",
        "能源及水产和供应业",
        "科学研究和技术服务业",
        "住宿和餐饮业",
        "交通运输业",
        "批发和零售业",
        "租赁和服务业",
        "建筑业",
        "制造业"
    ],
    "series": [
        {
            "name": "合同数",
            "data": [
                371,
                514,
                525,
                558,
                603,
                1456,
                1656,
                3469,
                3704,
                26781
            ]
        }
    ]
},
        option: {
          type: ["bar"],
          gridTop: 5,
          gridRight: "5",
          gridLeft: "12",
          gridBottom: "2",
          //legend
          legend: false,
          legendPositionTop: "top",
          legendPositionLeft: "center",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          stack: true,
          category: true,
          //x
          xNameColor: "#303030",
          xAxisLineShow: false,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: "",
          xNameFontSize: adaptePX(14),
          xAxisName: " ",
          xAxisTickShow: false,
          xAxisInterval: 0,
          xAxisLabelShow: false,
          //y
          yNameFontSize: 12,
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: false,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 9,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#5094F5",
            },
            {
              color1: "#FFB253",
            },
          ],
        }, 
      },
      ahyxqhjchtphb: {
        data: {
    "categories": [
        "卫生和社会工作",
        "房地产业",
        "能源及水产和供应业",
        "科学研究和技术服务业",
        "住宿和餐饮业",
        "交通运输业",
        "批发和零售业",
        "租赁和服务业",
        "建筑业",
        "制造业"
    ],
    "series": [
        {
            "name": "合同数",
            "data": [
                371,
                514,
                525,
                558,
                603,
                1456,
                1656,
                3469,
                3704,
                26781
            ]
        }
    ]
},
        option: {
          type: ["bar"],
          gridTop: 5,
          gridRight: "5",
          gridLeft: "12",
          gridBottom: "2",
          //legend
          legend: false,
          legendPositionTop: "top",
          legendPositionLeft: "center",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          stack: true,
          category: true,
          //x
          xNameColor: "#303030",
          xAxisLineShow: false,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: "",
          xNameFontSize: adaptePX(14),
          xAxisName: " ",
          xAxisTickShow: false,
          xAxisInterval: 0,
          xAxisLabelShow: false,
          //y
          yNameFontSize: 12,
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: false,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 9,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#08BFC6",
            },
          ],
        },
      },
      sjwzfx: {
        unit: "%",
        data:{
    "categories": [
        "3000以下",
        "3000-6000",
        "6000-9000",
        "9000-12000"
    ],
    "series": [
        {
            "name": "人数",
            "data": [
                174,
                224,
                8,
                2
            ]
        }
    ]
},
        option: {
          type: ["bar"],
          gridTop: 15,
          gridRight: "5",
          gridLeft: "4",
          gridBottom: "2",
          //legend
          legend: false,
          legendPositionTop: "top",
          legendPositionLeft: "20%",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          //x
          xNameColor: "#303030",
          xAxisLineShow: true,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: "",
          xNameFontSize: adaptePX(14),
          xAxisName: " ",
          xAxisTickShow: false,
          xAxisInterval: 0,
          //y
          yNameFontSize: 12,
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: true,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 18,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#FFB253",
            },
          ],
        },
      },
      dqsjwzl: {
        unit: "%",
        data: {
    "categories": [
        "主城区",
        "萧山",
        "余杭",
        "富阳",
        "建德",
        "桐庐",
        "淳安",
        "临安",
        "市外",
        "省内",
        "省外"
    ],
    "series": [
        {
            "name": " ",
            "data": [
                256,
                50,
                49,
                1,
                23926,
                269,
                293,
                3,
                1043,
                353,
                7713
            ]
        }
    ]
},
        option: {
          type: ["bar"],
          gridTop: 15,
          gridRight: "5",
          gridLeft: "4",
          gridBottom: "2",
          //legend
          legend: false,
          legendPositionTop: "top",
          legendPositionLeft: "20%",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          //x
          xNameColor: "#303030",
          xAxisLineShow: true,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: "",
          xNameFontSize: adaptePX(14),
          xAxisName: " ",
          xAxisTickShow: false,
          xAxisInterval: 0,
          //y
          yNameFontSize: 12,
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: true,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 14,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#2380FF",
            },
          ],
        },
      },
      htzsbhqs: {
        data: {
          categories: [
            "202012",
            "202101",
            "202102",
            "202103",
            "202104",
            "202105",
          ],
          series: [
            {
              name: "合同指数",
              data: [7.3, 8.7, 9.1, 10.3, 11, 11.9],
            },
          ],
          unit: "%",
        },
        option: {
          type: ["line"],
          gridTop:14,
          gridRight: "5",
          gridLeft: "0",
          gridBottom: "0",
          //legend
          legend: false,
          legendPositionTop: "top",
          legendPositionLeft: "2%",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          //x
          xNameColor: "#303030",
          xAxisLineShow: true,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: 20,
          xNameFontSize: adaptePX(14),
          xAxisName: "",
          xAxisTickShow: false,
          xAxisInterval: 0,
          //y
          yNameFontSize: adaptePX(14),
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: true,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 16,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#5094F5",
            },
          ],
        },
      },
      hyxqbhqs:{
           unit: "万人",
        data: {
    "categories": [
        "202012",
        "202101",
        "202102",
        "202103",
        "202104",
        "202105"
    ],
    "series": [
        {
            "name": "制造业",
            "data": [
                1085,
                1668,
                1199,
                3434,
                1266,
                128
            ]
        },
        {
            "name": "批发和零售业",
            "data": [
                45,
                254,
                44,
                189,
                112,
                29
            ]
        },
        {
            "name": "租赁和商务服务业",
            "data": [
                86,
                119,
                38,
                138,
                397,
                396
            ]
        }
    ]
},
        option: {
          type: ["line"],
          gridTop: 21,
          gridRight: "5",
          gridLeft: "0",
          gridBottom: "0",
          //legend
          legend: true,
          legendPositionTop: "top",
          legendPositionLeft: "center",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          //x
          xNameColor: "#303030",
          xAxisLineShow: true,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: 20,
          xNameFontSize: adaptePX(14),
          xAxisName: "",
          xAxisTickShow: false,
          xAxisInterval: 0,
          //y
          yName: "单位：万人",
          yNameFontSize: adaptePX(12),
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: true,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 16,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#2380FF",
            },
            {
              color1: "#FFA93F",
            },
            {
              color1: "#FFA93F",
            },
            {
              color1: "#2380FF",
            },
          ],
        },
      },
      xzhjhtqs: {
        unit: "万人",
        data: {
          categories: [
            "202012",
            "202101",
            "202102",
            "202103",
            "202104",
            "202105",
          ],
          series: [
            {
              name: "解除",
              data: [973, 831, 318, 894, 4969, 8951],
            },
            {
              name: "新增",
              data: [5667, 12477, 7088, 19727, 41011, 25822],
            },
            {
              name: "去年同期解除",
              data: [9, 21, 29, 5, 5, 5],
            },
            {
              name: "去年同期新增",
              data: [682, 1113, 696, 986, 901, 824],
            },
          ],
        },
        option: {
          type: ["line"],
          gridTop: 21,
          gridRight: "5",
          gridLeft: "0",
          gridBottom: "0",
          //legend
          legend: true,
          legendPositionTop: "top",
          legendPositionLeft: "center",
          legendColor: "#333333",
          legendFontSize: adaptePX(12),
          //title
          istl: false,
          //x
          xNameColor: "#303030",
          xAxisLineShow: true,
          xaxisLineColor: "#AEAEAE",
          xAxisRotate: 20,
          xNameFontSize: adaptePX(14),
          xAxisName: "",
          xAxisTickShow: false,
          xAxisInterval: 0,
          //y
          yName: "单位：万人",
          yNameFontSize: adaptePX(12),
          yNameColor: "#303030",
          yLabelFontSize: adaptePX(14),
          yLabelColor: "#303030",
          yaxisLineColor: "rgb(255,255,255)",
          yAxisLine: false,
          yAxisSplitLineShow: true,
          yAxisSplitLineColor: "#AEAEAE",
          yAxisSplitLineType: "dashed",
          // series
          barWidth: 16,
          barRadius: "0",
          seriesLableShow: false,
          seriesLableFontSize: 12,
          seriesLableColor: "#000",
          barColor: [
            {
              color1: "#2380FF",
            },
            {
              color1: "#FFA93F",
            },
            {
              color1: "#FFA93F",
            },
            {
              color1: "#2380FF",
            },
          ],
        },
      },
    };
  },
  methods:{
    dzhtClick(item){
       if(item.clickName){
       var name_=item.name;
       this.jjTableDialog.title=name_
       this.showTableDialog=true;
       }
     
    },
    closeDialog(){
      this.showTableDialog=false;
    }
  }
};
</script>
